<template>
  <section class="sp-crud">
    <!-- 搜索 -->
    <div class="sp-crud__search">
      <slot name="searchBefore" />
      <sp-crud-search></sp-crud-search>
      <slot name="searchAfter" />
    </div>
    <!-- 控制按钮 -->
    <div class="sp-crud__control">
      <slot name="controlBefore" />
      <slot name="controlAfter" />
    </div>
    <!-- 表格 -->
    <div class="sp-crud__table">
      <slot name="tableBefore" />
      <sp-crud-table></sp-crud-table>
      <slot name="tableAfter" />
    </div>
    <!-- 分页 -->
    <div class="sp-crud__page">
      <slot name="pageBefore" />
      <slot name="pageAfter" />
    </div>
    <!-- 弹窗部分 -->
    <slot name="dialog"></slot>
  </section>
</template>

<script>
import SpCrudTable from "@/crud/components/spCrudSearch.vue";
import SpCrudSearch from "@/crud/components/spCrudSearch.vue";

export default {
  name: "spLayout",
  components: { SpCrudTable, SpCrudSearch },
  props: {
    apis: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="scss"></style>
